/*
 * @Author: Ping Chou
 * @Date: 2022-01-26 21:23:48
 * @LastEditTime: 2022-02-02 23:39:21
 * @LastEditors: Ping Chou
 * @Description:
 * @FilePath: /dojo-blog/src/App.js
 */
// import logo from './logo.svg';
import './index.css'
import Navbar from './Navbar'
import Home from './Home'
import Create from './Create'
import BlogDetails from './BlogDetails'
import NotFound from './404'
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'

function App() {
  return (
    <Router>
      <div className='App'>
        <Navbar />
        <div className='content'>
          <Routes>
            <Route path='/' element={<Home />} />
            <Route path='/create' element={<Create />} />
            <Route path='/detail/:id' element={<BlogDetails />} />
            <Route path='*' element={<NotFound />} />
          </Routes>
        </div>
      </div>
    </Router>
  )
}

export default App
